*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
@mixin wh($w,$h,$bg){
  width: $w;
  height: $h;
  background: $bg;
}
@mixin mL($ml){
  margin-left: $ml;
}
body{
  font: 14px 微软雅黑;
  @include wh(100%,100%,null);
}
a{
  text-decoration: none;
}
//头部
header{
  @include wh(100%,2.5rem,#F7F7F7);
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
#topL{
  margin-left: 78px;
  float: left;
  @include wh(200px,2.5rem,null);
  line-height: 2.5rem;
  span{
    color: green;
  }
  a{
    text-decoration: none;
    color: #000000;
    &:hover{
      text-decoration: underline;
    }
  }
}
#topR{
  margin-right: 80px;
  float: right;
  list-style: none;
  font-size:12px;
  li{
    line-height: 2.5rem;
    float: left;
    a{
      text-decoration: none;
      color: #000000;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      &:hover{
        text-decoration: underline;
      }
      b{
        float: right;
        margin-top: 1.2rem;
        margin-left: 1rem;
        border-top:4px solid #000000;
        border-left:4px solid rgba(0,0,0,0);
        border-right:4px solid rgba(0,0,0,0);
      }
    }
  }
}
//底部
footer{
  border-top: 1px solid #cccccc;
  @include wh(100%,264px,#FAFAFA);
}
#footT{
  @include wh(980px,129px,null);
  border-bottom: 1px solid #cccccc;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto;
}
.footDiv{
  margin-top: 20px;
  @include wh(245px,88px,null);
  display: flex;
  flex-flow: row nowrap;
  div{
    width:66px ;
  }
}
#footB{
  p{
    @include wh(100%,2rem,null);
    text-align: center;
    line-height: 2rem;
    span{
      margin-left: 10px;
    }
  }
}
//回到顶部
#top{
  display: none;
  text-align: center;
  color: #000000;
  text-decoration: none;
  position: fixed;
  right: 0;
  top:30rem;
  z-index: 100;
  @include wh(27px,74px,null);
  border: 1px solid #cccccc;
}
#topDiv{
  @include wh(100%,164px,null);
  margin-bottom: 20px;
}
#list{
  padding-top: 20px;
  padding-left: 20px;
  @include wh(960px,164px,#E9F0F5);
  margin: auto;
  clear: both;
}
.storeL{
  float: left;
  background: #fff;
  border: 1px solid #D8D8D8;
  height: 110px;
  padding: 4px;
  width: 110px;
  img{
    @include wh(100%,100%,null);
  }
}
.storeR{
  color: #666;
  float: left;
  width: 770px;
  margin-left: 20px;
  p{
    height: 28px;
    line-height: 28px;
    span{
      float: right;
    }
  }
}
#content{
  @include wh(100%,1100px,null);
}
#shopList{
  @include mL(195px);
  list-style: none;
  @include wh(760px,900px,null);
  li{
    @include wh(760px,95px,null);
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    &:hover{
      background: #fcf8e9;
    }
  }
}
.goodsL{
  float: left;
  width: 640px;
  div{
    margin-right: 15px;
    float: left;
    @include wh(70px,70px,null);
    img{
      @include wh(100%,100%,null);
    }
  }
  h4{
    @include wh(540px,20px,null);
    float: left;
    color: blue;
  }
  p{
    float: left;
    padding-top: 3px;
    color: #999;
    line-height: 180%;
    width: 420px;
  }
  span{
    float: right;
    white-space: nowrap;
    width: 110px;
    color: red;
  }
}
.goodsR{
  float: left;
  text-align: center;
  width: 96px;
  margin-top: 12px;
  a{
    background: orange;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 31px;
    line-height: 31px;
    width: 96px;

  }
}